import React, {Component} from 'react';
import {StyleSheet, Text, View, Image, ScrollView} from 'react-native';
import {Button, WhiteSpace, WingBlank, Flex} from '@ant-design/react-native';

export default class Changeinfo extends Component {
    static navigationOptions = {
        title: '兑换说明',
    };
    constructor() {
        //调用基类的所有的初始化方法
        super();

        // 设置当前组件的属性
        this.state = {
            title: '兑换说明',
            info:
                '1.凭借有效卡号和密码预约兑换，遗失不补！\n' +
                '2.预约时间：法定工作时间：9：00--17：00\n' +
                '3.客户收到货物后，卡自动作废或有工作人员收回！\n' +
                '4.自预约成功后，7日内未收到货物者，请联系客服，否则系统自动默认为已成功配送！\n' +
                '5.如遇到季节性产品短缺，请您优先选择其他方案或我们为您推荐的等价产品！\n' +
                '6.本卡请在有效内使用，以免过期无法使用！！',
        };
    } //
    render() {
        return (
            <ScrollView style={{flex: 1}}>
                <WingBlank>
                    <Flex justify="center">
                        <Text style={{fontSize: 20}}>{this.state.title}</Text>
                    </Flex>
                    <Flex>
                        <Text>{this.state.info}</Text>
                    </Flex>
                </WingBlank>
            </ScrollView>
        );
    }
}

const styles = StyleSheet.create({});
